/*
-------------------------------------------------------------
project			ONE.org (www.one.org) ABOUT style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */



/* ---------- Basic styles for Act Now Landing items ----------*/
.actions-ov .item{ float:left; display:inline; width:280px; margin:0 0 26px 38px; }
.actions-ov .status{ padding-left:98px; width:180px; }
.actions-ov .status .user-status{ font-size:0.9em; }

/* ---------- The 2 column hero action is slightly different. ----------*/
.mod-hero-action h2 { border-bottom:1px solid #CCCCCC; color:#000000; font-size:1.33em; font-weight:700; height:7px; _overflow:hidden; margin:3px 0 30px; text-align:center; text-transform:uppercase; }
.mod-hero-action h2 span { position:relative; background:#FFFFFF; padding:1px 10px; text-align:center; }
.mod-hero-action .content h3{ font-size:1.5em; margin:2px 0; }
.mod-hero-action .desc-wrap{ width:280px; padding-left:245px; }
.mod-hero-action .desc-wrap p.desc{ position:relative; float:none; display:block; width:auto; margin:10px 0 15px 0; font-size:1.16em; line-height:125%; }
.mod-hero-action .date{ text-transform:uppercase; display:block; margin-top:5px; color:#666; font-size:1.1em; }

/* ---------- Act Now Landing, when user is logged out ----------*/
.mod-tell-friend p.desc{ float:none; display:block; width:auto; margin:0 0 15px 0; }
#signup-form .signup-email{ width:174px; }
#tell-friend-form{ margin:12px 0 20px; }
#tell-friend-form .text{ width:200px; margin-bottom:10px; }
#signup-form label, #tell-friend-form label{ text-transform:uppercase; display:block; font-weight:700; margin-bottom:3px; font-size:0.9em; }
#signup-form .submit{ margin-bottom:20px; }


/* ---------- On an action page, the sub-content column (left hand side) ---------- */
#action .sub-content{ background-repeat:no-repeat; padding-top:370px; }
#action .sub-content h2{ text-transform:uppercase; font-size:1.33em; font-weight:700; margin-bottom:20px; }
#action .sub-content p{ font-size:1.16em; line-height:125%; }


/*---------- The introductory title, description and progress bar ---------- */
.action-intro{ background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x 0 100%; padding-bottom:30px; margin-bottom:20px; }
.action-intro-no-bdr{ background:none; margin-bottom:10px; }
.action-intro h1{ text-transform:uppercase; font-size:2.5em; font-weight:700; letter-spacing:-1px; margin-bottom:5px; }
.action-intro span{ text-transform:uppercase; font-size:1.16em; color:#666; }
.action-intro .action-summary{ color:#999; font-size:1.33em; letter-spacing:-1px; margin-bottom:20px; }
.action-intro .action-progress{ margin-right:12px; }

/* ---------- Custom styles for peitition status inside the Milestones module  ---------- */
.mod-milestones .petition-status{ padding-top:10px; }
#page .mod-milestones .petition-status ul{ position:relative; clear:left; margin:0;  }
#page .mod-milestones .petition-status ul li{ float:left; display:inline; clear:none; font-size:0.9em; margin:0 5px 0 0; font-weight:400; }
.mod-milestones .petition-status ul li a{ margin-right:5px; color:#0099ff; }
.mod-milestones .action-progress{ margin-bottom:15px; }


/* ---------- Campaign All Stars title ---------- */
.title-campaign-as{ width:273px; height:25px; background:url(../img/act-now/title-campaign-all-stars.gif); margin-bottom:10px; text-indent:-9999px; }

/*For Paragraphs inside the squares*/
/*added*/
.act-now { line-height:120%; margin-bottom:10px; }
/*added*/

/* ----------- Error handling -------------------- */ 
#signup-form label.error, #signup-form input.error, #signup-form p.error, #act-now p.error, #act-now label.error { color: red; font-weight: bold }
#signup-form p.error, #act-now p.error { padding-bottom: 1em; }
#act-now .tellafriend-form p.error { padding-bottom: 0; }

/*
To generate combined.css:

ls ~/dev/www/us/css/*.css | grep -ve global -ve admin -ve blog | sort | xargs cat > ~/dev/py/wawd/media/css/combined.css
cat ~/dev/www/us/css/safe-global.css >> ~/dev/py/wawd/media/css/combined.css
*/
/*
--------------------------------------------------------
project			ONE.org (www.one.org) CONTENT style sheet - stylesheet to be applied to article-based content
author:   		HUGE
last updated:	2009.02.09
----------------------------------------------------- */

/* ---------- Top section title ---------- */
#section-title { border-bottom:1px solid #ccc; margin:3px 0 24px; height:7px; _overflow:hidden; text-transform:uppercase; color:#000; text-align:center; }
#section-title span { position:relative; text-align:center; padding:1px 10px; background:#fff; letter-spacing:-1px; }

/* Special rules for article-based content - defines paragraphs, titles, captions etc, keeps it scoped to individual templates */
.article-wrap .sticker { position:absolute; top:-25px; left:542px; }
.content h1 { width:488px; text-align:center; font-size:2.33em; font-weight:700; line-height:115%; margin:0 auto 13px; letter-spacing:-1px; word-spacing:-1px; }
.article-pad{ padding:20px 0 10px 0; }
.article p,
.article dt,
.article dd{ line-height:133%; }
.article p{ margin-bottom:20px; }
.article p.intro,
.article-intro p{ font-size:1.16em; line-height:120%; }
.article dl{ position:relative; zoom:1; padding-top:16px; padding-bottom:5px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x; }
.article dt{ font-weight:700; float:left; display:inline; width:130px; padding-right:15px; text-align:right; }
.article dd{ float:left; display:inline; width:445px; }
.dl-hr{ position:relative; clear:both; display:block; height:29px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 50%; }

.article-wrap .tags{ margin-top:15px;}
.content cite, .content h3 { display:block; font-weight:700; color:#000; font-size:1.33em; margin-bottom:10px; font-style:normal; }

/* ---------- Drop Cap styles ---------- */
.first-letter { position:relative; display:block; float:left; font-size:6em; margin:-4px 0 10px; font-weight:700; width:50px; color:#000; }
.drop-cap .first-para { width:530px; float:left; display:inline; }
.drop-cap .first-word { color:#000; font-weight:700; }
.big-quote { float:left; display:inline; width:31px; height:27px; background:url(../img/content/quotes-lrg.gif); text-indent:-9999px; margin:3px 10px 0 0; }

/* ---------- Article image and captions ---------- */
.art-img { display:inline; width:200px; border-bottom:6px solid #ccc; }
.art-img img { margin-top:4px; }
.art-image-l { float:left; margin:0 20px 10px 0; }
.content .art-img .caption { padding:10px 0; background:none; margin:0; text-align:left; }

/* ---------- Article author and date info ---------- */
.content h2.author, .content p.date-info { text-align:center; font-size:0.83em; text-transform:uppercase; margin:0; }
.content h2.author { margin:5px 0 25px; }
.content h2.author a { color:#0099FF; }/*
--------------------------------------------------------
project			ONE.org (www.one.org) HOME style sheet
author:   		HUGE
last updated:	2009.02.09
----------------------------------------------------- */

/* ---------- Mod - About ONE ---------- */
.mod-about-one p{ margin-bottom:15px; }

/* ---------- Mod - Related issues ---------- */
.mod-rel-issues ul li{ padding-bottom:1px; margin-bottom:20px; }
.mod-rel-issues ul li .issue-wrap{ min-height:61px; height:auto !important; height:61px; background:no-repeat 100% 100%; }
.mod-rel-issues h4 a{ display:block; background:url(../img/icons/ico-more-arrow-lrg-off.gif) no-repeat 0 2px; padding:1px 162px 0 21px;  height:60px; font-size:1.16em; line-height:110%; }
.mod-rel-issues h4 a:hover{ background:url(../img/icons/ico-more-arrow-lrg-on.gif) no-repeat 0 2px; }


/* Logged out */
.out-summary{ position:relative; min-height:140px; height:auto !important; height:140px; background:url(../img/my-one/bg-my-one-updates.jpg) no-repeat 100% 100%;  }
.out-summary .myone-summary{ margin-bottom:0; }


/* My ONE Navigation */
#page .myone-nav{ padding:30px 0 10px; }
.myone-nav h3{ font-size:1.5em; font-weight:700; margin-bottom:8px; }
.nav-disabled h3{ color:#999; }
.myone-nav .expander-wrap{ position:relative; zoom:1; padding-bottom:1px; background:url(../img/lines-hatches/dot-line-horiz-gray.gif) repeat-x 0 100%; margin-bottom:6px; }
.myone-nav p{ margin-bottom:10px; }
.myone-nav ul{ zoom:1; overflow:hidden; }
.myone-nav ul li{ padding:4px 5px; height:50px; margin-bottom:8px; background:url(../img/icons/ico-myone-nav-off.gif) no-repeat 260px 50%; }
.myone-nav ul li.active,
.myone-nav ul li.hover{ background:url(../img/icons/ico-myone-nav-on.gif) no-repeat 260px 50% #ffcc00; }
.myone-nav ul li img{ float:left; display:inline; border:1px solid #e8e8e8; margin-right:10px; }
.myone-nav ul li h4{ padding:10px 0 6px; font-weight:700; }
.myone-nav ul li h4 a { color:#0099ff; }
.myone-nav ul li.hover h4 a,
.myone-nav ul li.active h4 a{ color:#000; }
.myone-nav ul li p{ font-size:0.9em; color:#666; margin-bottom:0; }
.myone-nav ul li p span{ color:#ccc; }
.myone-nav .show-hide-actions{ zoom:1; text-transform:uppercase; font-size:0.83em; font-weight:700; margin-bottom:21px; padding-top:4px; }
.myone-nav .show-hide-actions a{ padding-right:10px; background:url(../img/icons/arrow-expand.gif) no-repeat 100% 50%; }
.myone-nav .show-hide-actions a.collapse{ background-image:url(../img/icons/arrow-collapse.gif); }

/* ---------- Account Settings form ---------- */
.acc-sets h2{ font-size:1.75em; font-weight:700; margin-bottom:15px; float:left; display:inline; }
.acc-sets .rel-link{ float:right; display:inline; margin-top:5px; }
.acc-sets .rel-link a{ background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding-left:10px; }
#page .acc-sets .intro{ position:relative; clear:both; color:#666; font-size:1.16em; margin-bottom:25px; }



/* Error handling */
.acc-sets .form .error label,
.acc-sets .form .error span{ color:#ff0000; }
.acc-sets .form input{ padding:2px; }
.acc-sets .form .error input{ background:#ffcccc; }

/* Input box sizes */
.acc-sets .pnl .form input.text{ color:#999; }
.acc-sets .pnl .form input.long{ width:280px; }
.acc-sets .pnl .form input.med{ width:160px; }
.acc-sets .pnl .form input.short{ width:80px; }/*
---------------------------------------------------------
project			ONE.org (www.one.org) OVERLAY style sheet
author:   		HUGE
last updated:	2009.02.11
------------------------------------------------------ */

/* ---------- Overlay for modal window and modal styles ---------- */
#overlay{ position:absolute; top:0; left:0; background:#000; cursor:pointer; cursor:hand; }
#one-box{ text-align:left; display:none; position:absolute; top:0; left:0; background:#fff; }
#one-box .pos-wrap{ position:relative; padding:0 30px 30px; width:360px; }
#one-box .close{ float:right; display:inline; margin:10px 10px 0 0; color:#0099ff; background:url(../img/icons/ico-close.gif) no-repeat 100% 0; text-transform:#0099ff; text-transform:uppercase; font-size:0.83em; padding-right:12px; margin-right:-20px; }
#one-box .lbl-act-now{ width:68px; height:26px; background:url(../img/lbl-act-now.gif); text-indent:-9999px; margin-bottom:30px; }
#one-box .confirm-wrap{ padding-bottom:35px; background:url(../img/lines-hatches/cr-hatch-dark-gray.gif) repeat-x 0 100%; margin-bottom:15px; }
#one-box .confirm{ padding-left:45px; min-height:35px; height: auto !important; height:35px; color:#000; margin-bottom:0; }
#one-box .confirm .user{ display:block; font-size:1.33em; font-weight:700; padding:2px 0 2px; }
.confirm-success{ background:url(../img/icons/ico-success.gif) no-repeat; }

#one-box h3{ font-weight:700; font-size:1.33em; margin-bottom:10px; }
#one-box p{ line-height:133%; margin-bottom:20px; }
#one-box label{ postion:realtive; clear:both; color:#000000; display:block; font-size:0.9em; font-weight:700; margin-bottom:3px; text-transform:uppercase; }
#one-box label .opt{ color:#666666; font-weight:400; text-transform:none; }
#one-box .opts{ display:block; position:relative; clear:both; margin-bottom:20px; background:url(../img/icons/arrow-rel-blue.gif) no-repeat 0 50%; padding-left:8px; font-size:0.9em; }
#one-box textarea{ margin-bottom:10px; float:left; line-height:133%; }
#one-box .ta-emails{ width:251px; height:82px; margin-right:15px; }
#one-box .ta-messages{ width:320px; height:85px; }
#one-box .input-info{ font-size:0.9em; color:#999; line-height:120%; }
#one-box .ta-messages{ padding:10px 0 10px 10px; }
#one-box .btn-tell-friends{ float:left; display:inline; }
#one-box .no-thanks{ float:left; display:inline; padding:7px 0 0 8px; }/*
-------------------------------------------------------------
project			ONE.org (www.one.org) POLICY NEWS style sheet
author:   		HUGE
last updated:	2009.02.09
---------------------------------------------------------- */

/* ---------- Introduction ---------- */
.land-title { width:369px; height:56px; background:url(../img/policy-news/title-landing.gif); }


/* ---------- News summary (Policy Landing Page ----------*/
.news-summary .desc{ width:486px; }


/*-------------- Styles for screen media -------------*/
@media screen,projection{

    li { margin: 8pt 15px; line-height: 135%; }

    /* (loosely based on) Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | 20090105 */

    /* Reset elements only in areas that HUGE needs reset */
    body,
    img,
    #header *,
    #footer *,
    #breadcrumb *,
    .pagination *,
    .mod *, .mod-noline *,
    .news-summary *,
    .share-wrap *,
    .blog.unit *, 
    ul.comment-opts *,
    #archive-hero *, .issues-hero *, #campaigns-hero *,
    .actions-ov fieldset, .actions-ov p,
    #about fieldset,
    #one-intro li,
    .comment-submit p, ul.blog-pagination, ul.blog-pagination *, .blog-filter *, .comment-summary *, .comment-text p,
    .reset *
    { line-height: 100%; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }


    /* Don't reset header sizes */
    h1,h2,h3,h4,h5,h6 { margin:0; padding: 0; }
    #blog h2 { font-size: 100%; }

    /* Make these work even in the modules, etc. where everything is reset */
    i, em { font-style: italic !important; }
    b, strong { font-weight: bold !important; }

    body { line-height:100%; color:black; background:white; }
    #header ul, #footer ul, #actnow ul, #about ul, .mod ul, .article .mod ul, .news_summary ul, .blog.unit ul, ul.comment-opts, ul.blog-pagination { list-style:none; }
    ul.unIndentedList, ul.indentedList, .article ul { list-style: disc /* for TinyMCE content */ }

    /* Pull in some stuff from backwards.css */
    .required {
        color:red;
        font-weight:bold;
    }

    .no-side-mrg h3, .no-side-mrg p { 
        margin-left: 0 !important; 
        margin-right: 0 !important; 
    }

    .bdr-dotted-top {
        border-top: dotted black 1px;
        padding-top: 7px;
    }

    .backwards h1 { margin: .67em 0 .67em 0; }
    .backwards h2 { margin: .83em 0 .83em 0; }
    .backwards h3 { margin: 1em 0 1em 0; }
    .backwards h4 { margin: 1.33em 0 1.33em 0; }
    .backwards h5 { margin: 1.67em 0 1.67em 0; }
    .backwards h6 { margin: 2.33em 0 2.33em 0; }

    /* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */
    .clearfix:after,
    .news-summary .item:after,
    #top-nav:after,
    #features ul li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
    .clearfix{ zoom:1; }
    .clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; }

    /* ---------- Global site assets ---------- */
    body { font:0.75em/1 Arial,sans-serif; color:#333; text-align:center; }

    h1,h2,h3,h4{ color:#000; }
    .backwards a{ color: rgb(0, 153, 255); }
    .backwards td { text-align: left; }
    a{ color:#000; text-decoration:none; }
    a:hover { text-decoration:underline; color:#0099ff; }
    h3 a:hover,
    h4 a:hover{ text-decoration:none; }
    strong { font-weight:700; }
    .hide,legend,body.has_js .js_hide { display:block; text-indent:-9999px; display:none; width:0; height:0; line-height:0; overflow:hidden; }
    .uc{ text-transform:uppercase; }
    textarea{ font:1em/1 Arial,sans-serif; padding:3px; }
    .intro-copy p{ font-size:1.16em; margin-bottom:25px; line-height:125%; }
    #page { position:relative; }
    #page p a,
    .mod h4 a:hover,
    #one-box a { color:#0099ff;}
    #page p { line-height: 135% }

    /* ---------- Site wrapper ----------*/
    #wrapper { position:relative; width:920px; text-align:left; margin:0 auto; padding:10px 0; z-index:0; }


    /* ---------- Header ---------- */
    #header { border-bottom:5px solid #000; }
    #logo { position:absolute; top:5px; left:230px; width:90px; height:91px; }
    #header form { float:right; text-align:right; }
    #header p { padding:34px 0 20px 111px; color:#666; }
    #header p a { color:#0099ff; font-weight:700; }
    #header p span.welcome { color:#000; padding:1px 2px; font-size:1.3em; font-weight:700; }
    #header p span.regular a{ font-weight:400; }
    #header p span.highlight { background:#ffcc00; }
    #header p span.placeholder{ font-size:1.83em; }

    /* ---------- Top links ---------- */
    #top-links { font-size:0.9em; float:right; color:#ccc; }
    #top-links li { float:left; margin-left:5px; }
    #top-links li.sub-site { margin-left:8px; }
    #top-links li a { margin-right:5px; }
    #top-links li a:hover { border-bottom:2px solid #ff0000; text-decoration:none; color:#000; }
    #top-links li.sub-site a { margin-right:8px; }
    #top-links li.sub-site a:hover { border-bottom:0; text-decoration:underline; }
    #top-links .active { color:#000; font-weight:700; border-bottom:2px solid #ff0000; position:relative; }
    #top-links .active:hover { text-decoration:none; }

    /* ---------- Top nav ---------- */
    #nav-wrap { background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; }
    #top-nav { float:left; padding:11px 0 11px 114px; }
    #top-nav li { float:left; text-transform:uppercase; color:#ccc; padding:0 5px; background:url(../img/pipe-light-gray.gif) repeat-y 100% 0; }
    #top-nav li.first{ padding-left:0; }
    #top-nav li.last{ background:none; }
    #top-nav a { position:relative; display:block; float:left; display:inline; font-weight:700; padding:3px 4px 3px; margin:-3px 0;  }
    #top-nav a:hover, #top-nav a.current{ color:#000; background:#ffcc00; text-decoration:none; }
    #top-nav a.current:hover { text-decoration:none; }

    /* ---------- Global search box ---------- */
    #search-form{ float:right; display:inline; width:220px; }
    #search-input { width:150px; margin-top:7px; border:1px solid #999; height:14px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; background:url(../img/bg-global-search.gif) no-repeat; border-top-color:#7c7c7c; border-bottom-color:#ddd; }
    #search-submit { margin:7px 0 0 5px; display:inline; float:left; }

    /* ---------- Footer ---------- */
    #footer { font-size:0.9em; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; margin-top:0px; color:#ccc; }
    #footer p { position:relative; clear:both; color:#999; background:url(../img/lines-hatches/dot-line-horiz.gif) repeat-x; padding-top:10px; }
    #footer #partners { float:right; }


    /* slideshow rules end here */

    /* tsegaye - image caption style for blog */

    .image-caption-container {
        margin:0 10px 5px 0;
    }

    .caption { 
    }


    /* form had some problem with floating to the right in IE in Action Kit. Tsegaye */
    #cse-search-box {
        display: inline;
        float: right;
        width:220px;
    }

    .first {
        padding-left: 0;
    }
    .article {
        padding: 158px 20px 0;
    }
    .article {
        padding: 158px 20px 0;
    }
    .unit {
        width: 280px;
        display: inline;
        float: left;
        padding: 0 20px 12px;
        position: relative;
    }
    #legals li {
        float: left;
        margin-top: 5px;
        padding-right: 5px;
    }
    #partners li {
        display: inline;
        float: left;
        height: 18px;
        margin: 10px 0 0 20px;
    }
    #features h3.title {
        font-size: 1.3em;
        font-weight: 700;
        line-height: 110%;
        margin: 0 0 10px;
    }
